<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图文列表</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/list.css">

<link rel="stylesheet" type="text/css" href="css/demostyle.css">

<style>
.bl-imgtext .ia img{ height:90px;}
</style>
</head>

<body>
<div class="demobox">
	<div class="h3">图片列表<small>图片、标题、描述、可以带缩略图等更多内容</small></div>
    <ul class="bl-imgtext">
    	<li>
        	<a href="#" class="ia"><img src="demopic/p1.jpg"></a>
            <div class="con">
            	<h3 class="h"><a href="#">js读取图片头部数据获取图片尺寸</a></h3>
            	<div class="des">javascript读取图片头部数据来获取获取图片尺寸，这样做的目的就是和浏览器一样的速度迅速的获取到图片尺寸，然后对图片尺寸做处理。</div>
            </div>
        </li>
        <li>
        	<a href="#" class="ia"><img src="demopic/p1.jpg"></a>
            <div class="con">
            	<h3 class="h"><a href="#">js读取图片头部数据获取图片尺寸</a></h3>
            	<div class="des">
                	javascript读取图片头部数据来获取获取图片尺寸，这样做的目的就是和浏览器一样的速度迅速的获取到图片尺寸，然后对图片尺寸做处理。
                </div>
                <img src="demopic/p2.jpg"><img src="demopic/p3.jpg">
            </div>
        </li>
        <li>
        	<a href="#" class="ia"><img src="demopic/p1.jpg"></a>
            <div class="con">
            	<h3 class="h"><a href="#">js读取图片头部数据获取图片尺寸</a></h3>
            	<div class="des">javascript读取图片头部数据来获取获取图片尺寸，这样做的目的就是和浏览器一样的速度迅速的获取到图片尺寸，然后对图片尺寸做处理。</div>
            </div>
        </li>
    </ul>
    
    <div class="bl-pagination">
        <span class="prev">上一页</span><span class="current">1</span><a>2</a><a>3</a><a>4</a><a>5</a><a class="next">下一页</a>
    </div>
    
</div>
</body>
</html>
